<extend name="Base/index"/>
<block name="body">
    <div class="floor index_product">
        <div class="container">
            <img class="com-title-img" src="__IMG__/com-title1.png">
            <div class="com-c-box">
                <div class="com-left-nav">
                    <div class="item">
                        <div class="head head-act">
                            <div class="cont">
                                <p>酿酒设备</p>
                                <div class="en">Brewing Equipment</div>
                            </div>
                        </div>
                        <div class="bod bod-act">
                            <volist name="ments" id="val" >
                                <a id="shebei" href="javascript:void(0);" data="{$val.id}">
                                    <!--<a href="javascript:void(0);" data="{$val.id}">-->
                                    <div class="cont">
                                        <div class="txt">
                                            {$val.title}
                                        </div>
                                        <img class="r-img" src="__IMG__/r-img.png" alt="">
                                    </div>
                                </a>
                            </volist>
                            <!--<volist name="ment" id="val">-->
                                <!--<a id="shebei" href="javascript:void(0);" data="{$val.id}">-->
                                <!--&lt;!&ndash;<a href="{$val.url|get_nav_url}" >&ndash;&gt;-->
                                <!--<div class="cont">-->
                                <!--<div class="txt">-->
                                <!--{$val.title}-->
                                <!--</div>-->
                                <!--<img class="r-img" src="__IMG__/r-img.png" alt="">-->
                                <!--</div>-->
                                <!--</a>-->
                            <!--</volist>-->
                        </div>
                    </div>
                    <div class="item">
                        <div class="head">
                            <div class="cont">
                                <p>酿酒技术</p>
                                <div class="en">Wine Making Technology</div>
                            </div>
                        </div>
                        <div class="bod">
                            <!--<volist name="ment" id="val">-->
                                <!--<a id="shebei" href="javascript:void(0);" data="{$val.id}">-->
                                    <!--<div class="cont">-->
                                        <!--<div class="txt">-->
                                            <!--{$val.title}-->
                                        <!--</div>-->
                                        <!--<img class="r-img" src="__IMG__/r-img.png" alt="">-->
                                    <!--</div>-->
                                <!--</a>-->
                            <!--</volist>-->
                            <think:nav name="nav" tree="true">
                                <eq name="nav.id" value="30">
                                    <volist name="nav._" id="val">
                                        <a href="{$val.url|get_nav_url}" data="{$val.id}">
                                            <div class="cont">
                                                <div class="txt">
                                                    {$val.title}
                                                </div>
                                                <img class="r-img" src="__IMG__/r-img.png" alt="">
                                            </div>
                                        </a>
                                    </volist>
                                </eq>
                            </think:nav>
                        </div>
                    </div>
                    <div class="item">
                        <div class="head">
                            <div class="cont">
                                <p>酒坛酒缸</p>
                                <div class="en">wine JARs</div>
                            </div>
                        </div>
                        <div class="bod">
                            <volist name="tan" id="val">
                                <a id="jiutan" href="javascript:void(0);" data="{$val.id}">
                                    <div class="cont">
                                        <div class="txt">
                                            {$val.title}
                                        </div>
                                        <img class="r-img" src="__IMG__/r-img.png" alt="">
                                    </div>
                                </a>
                            </volist>
                        </div>
                    </div>
                    <div class="item">
                        <div class="head">
                            <div class="cont">
                                <p>包装设计</p>
                                <div class="en">Packing design</div>
                            </div>
                        </div>
                        <div class="bod">
                            <volist name="baozhuang" id="val">
                                <a id="box" href="javascript:void(0);" data="{$val.id}">
                                    <div class="cont">
                                        <div class="txt">
                                            {$val.title}
                                        </div>
                                        <img class="r-img" src="__IMG__/r-img.png" alt="">
                                    </div>
                                </a>
                            </volist>
                        </div>
                    </div>
                    <div class="item">
                        <div class="head">
                            <div class="cont">
                                <p>原酒运营</p>
                                <div class="en">Original wine</div>
                            </div>
                        </div>
                        <div class="bod">
                            <think:nav name="nav" tree="true">
                                <eq name="nav.id" value="109">
                                    <volist name="nav._" id="val">
                                        <a href="{$val.url|get_nav_url}" data="{$val.id}">
                                            <div class="cont">
                                                <div class="txt">
                                                    {$val.title}
                                                </div>
                                                <img class="r-img" src="__IMG__/r-img.png" alt="">
                                            </div>
                                        </a>
                                    </volist>
                                </eq>
                            </think:nav>
                        </div>
                    </div>
                </div>
                <div class="index_product_right" id="product">
                    <div class="product-list com-c-box"  >
                        <Article:list name="article" category="63" child="true" row="8">
                            <a href="{:U('Article/detail',array('id'=>$article['id'],'category'=>bai))}" class="list">
                                <div class="cont">
                                    <img src="{$article.cover_id|get_cover='path'}">
                                    <div class="title">{$article.title}</div>
                                    <div class="h"></div>
                                    <div class="txt">{$article.description}</div>
                                    <span>详情>></span>
                                </div>
                            </a>
                        </Article:list>
                    </div>
                    <a href="/index.php?s=/Home/Article/lists/category/bai.html" class="more">更多产品</a>
                </div>
            </div>
        </div>
    </div>
    <div class="floor index_question">
        <div class="container">
            <img class="com-title-img" src="__IMG__/com-title2.jpg">
            <img class="img" src="__IMG__/txt2.png">
        </div>
    </div>
    <div class="advert1"></div>
    <div class="floor index_advantage">
        <div class="container">
            <img class="com-title-img" src="__IMG__/com-title2.png">
            <div class="box">
                <a href="javascript:void(0);" class="list">
                    <div class="cont">
                        <img src="__IMG__/i_icon1.png" alt="">
                        <p class="p1">权威</p>
                        <p class="p2">全国十七大名酒指定服务商</p>
                    </div>
                </a>
                <a href="javascript:void(0);" class="list">
                    <div class="cont">
                        <img src="__IMG__/i_icon2.png" alt="">
                        <p class="p1">师资团队雄厚</p>
                        <p class="p2">5位国家一级酿酒师、3位国家一级品酒师</p>
                    </div>
                </a>
                <a href="javascript:void(0);" class="list">
                    <div class="cont">
                        <img src="__IMG__/i_icon3.png" alt="">
                        <p class="p1">综合实力强</p>
                        <p class="p2">设计生产为一体的酿酒设备及配套产品的生产厂家</p>
                    </div>
                </a>
                <a href="javascript:void(0);" class="list">
                    <div class="cont">
                        <img src="__IMG__/i_icon4.png" alt="">
                        <p class="p1">销量好，受欢迎</p>
                        <p class="p2">产品远销欧美和东南亚地区</p>
                    </div>
                </a>
                <a href="javascript:void(0);" class="list">
                    <div class="cont">
                        <img src="__IMG__/i_icon5.png" alt="">
                        <p class="p1">经验积累</p>
                        <p class="p2">21年经验积累，服务酒企达到17万家</p>
                    </div>
                </a>
                <a href="javascript:void(0);" class="list">
                    <div class="cont">
                        <img src="__IMG__/i_icon6.png" alt="">
                        <p class="p1">终身售后服务</p>
                        <p class="p2">终身售后服务，一次购货终身无忧</p>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <div class="floor index_get">
        <div class="container">
            <img class="com-title-img" src="__IMG__/com-title3.png">
            <div class="box">
                <div class="left"><img src="__IMG__/jqr.png"></div>
                <div class="right">
                    <div class="right-box right-box-act sb1">
                        <div class="swiper-container swiper-container2">
                            <div class="swiper-wrapper">
                                <Article:list name="article" category="153" child="true" >
                                    <div class="swiper-slide">
                                        <img src="{$article.cover_id|get_cover='path'}">
                                    </div>
                                </Article:list>
                                <!--<div class="swiper-slide">-->
                                    <!--<img src="__IMG__/a1.jpg">-->
                                <!--</div>-->
                                <!--<div class="swiper-slide">-->
                                    <!--<img src="__IMG__/a2.jpg">-->
                                <!--</div>-->
                            </div>
                            <!-- Add Pagination -->
                            <div class="swiper-pagination swiper-pagination2"></div>
                        </div>
                    </div>
                    <div class="right-box sb2">
                        <div class="swiper-container swiper-container2">
                            <div class="swiper-wrapper">
                                <Article:list name="article" category="154" child="true" >
                                    <div class="swiper-slide">
                                        <img src="{$article.cover_id|get_cover='path'}">
                                    </div>
                                </Article:list>
                            </div>
                            <!-- Add Pagination -->
                            <div class="swiper-pagination swiper-pagination2"></div>
                        </div>
                    </div>
                    <div class="right-box sb3">
                        <div class="swiper-container swiper-container2">
                            <div class="swiper-wrapper">
                                <Article:list name="article" category="155" child="true" >
                                    <div class="swiper-slide">
                                        <img src="{$article.cover_id|get_cover='path'}">
                                    </div>
                                </Article:list>
                            </div>
                            <!-- Add Pagination -->
                            <div class="swiper-pagination swiper-pagination2"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="box">
                <div class="list" title="sb1">
                    <div class="head">
                        <img src="__IMG__/txt3.png">
                    </div>
                    <div class="bod">
                        <div class="cont">
                            <p>管家式酒企服务、一站式采购易操作轻松上手、轻松帮扶</p>
                        </div>
                    </div>
                </div>
                <div class="list"  title="sb2">
                    <div class="head">
                        <img src="__IMG__/txt4.png">
                    </div>
                    <div class="bod">
                        <div class="cont">
                            <p>口感改善计划，工艺考究大师独家技艺，定制配套设备</p>
                        </div>
                    </div>
                </div>
                <div class="list"  title="sb3">
                    <div class="head">
                        <img src="__IMG__/txt5.png">
                    </div>
                    <div class="bod">
                        <div class="cont">
                            <p>以结果为导向的市场策划，多渠道宣传渗透式推广，资源共享</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="floor huosuren">
        <div class="container">
            <div class="left">
                <div class="left-l">
                    <p class="p1">我们是这样的<span>火速人</span></p>
                    <p class="p2">WE ARE LIKE THAT,HUOSU!</p>
                    <div class="h1"></div>
                    <div class="h2"></div>
                </div>
                <div class="left-r">
                    <p>我们立足中国，发扬传统；匠心永驻，革故鼎新！</p>
                    <p>我们放眼世界，极目未来；剑锋所指，所向披靡。</p>
                    <p>我们用智慧培育理想！纵然学海茫茫，苦海连天，我们也会一如既往；</p>
                    <p>即便黄河滔天，长江涌漫，我们也会劈波斩浪。</p>
                </div>
            </div>
            <div class="right">
                <img src="__IMG__/tel1.png">
                <p class="p1">全国服务热线（24小时）</p>
                <p class="p2">400-800-8570</p>
            </div>
        </div>
    </div>
    <div class="floor index_about">
        <div class="container">
            <img class="com-title-img" src="__IMG__/com-title4.png">
            <p class="com-title-p">专注于打造中小微型酒类企业最佳服务平台</p>
            <div class="com-c-box">
                <div class="left">
                    <think:article id="92" field="cover_id">
                        <img src="{$article.cover_id|get_cover='path'}">
                    </think:article>

                </div>
                <div class="right">
                    {:C('INDEX_COMPANY')}
                    <div class="btn-box">
                        <!--<a href="#">立即咨询</a>-->
                        <a href="/index.php?s=/Home/Article/detail/category/who/id/92.html">查看详情</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="floor index_team com-c-box">
        <div class="top">
            <div class="box">
                <img class="com-title-img" src="__IMG__/com-title5.png">
                <p class="com-title-p">用工匠精神和卓越追求撑起千年酒文化</p>
            </div>
        </div>
        <div class="container">
            <div class="mid" id="select_info">

                <div class="img">
                    <img src="{$team.cover_id|get_cover='path'}">
                </div>
                <div class="right">
                    <div class="cont">
                        <div class="head">
                            {$team.title} <span>{$team.description}</span>
                        </div>
                        <div class="txt-box">
                            {$team.content}
                        </div>
                        <a href="/index.php?s=/Home/Article/lists/category/team.html" class="more">了解详情</a>
                    </div>
                </div>
            </div>
            <div class="down">
                <div class="swiper-container swiper-container3">
                    <div class="swiper-wrapper">
                        <Article:list name="article" category="144" child="true" row="8">
                            <div class="swiper-slide" data="{$article.id}">
                                <img src="{$article.cover_id|get_cover='path'}">
                                <div class="name">
                                    {$article.title}<span>{$article.description}</span>
                                </div>
                            </div>
                        </Article:list>
                    </div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                </div>
            </div>
            <a class="big-more" href="/index.php?s=/Home/Article/lists/category/team.html">查看更多</a>
        </div>

    </div>
    <div class="floor index_case">
        <div class="container">
            <img class="com-title-img" src="__IMG__/com-title6.png">
            <p class="com-title-p">感恩信任的力量，华沃会做的更好</p>
            <div class="com-c-box">
                <Article:list name="article" category="136" child="true" row="4">
                    <a href="{:U('Article/detail',array('id'=>$article['id'],'category'=>cases))}" class="list">
                        <div class="cont">
                            <img src="{$article.cover_id|get_cover='path'}">
                            <div class="name">
                                {$article.title}
                            </div>
                            <div class="h"></div>
                            <div class="txt-box">
                                {$article.description}
                            </div>
                        </div>
                    </a>
                </Article:list>
            </div>
            <a class="big-more" href="/index.php?s=/Home/Article/lists/category/cases.html">查看更多</a>
        </div>
    </div>
    <div class="floor index_customer">
        <div class="container">
            <img class="com-title-img" src="__IMG__/com-title7.png">
            <div class="siw">
                <div class="swiper-container swiper-container4">
                    <div class="swiper-wrapper">
                        <Article:list name="article" category="146" child="true" row="30">
                            <div class="swiper-slide">
                                <div class="img">
                                    <img src="{$article.cover_id|get_cover='path'}">
                                </div>
                                <div class="txt">{$article.title}</div>
                            </div>
                        </Article:list>
                    </div>
                </div>
                <div class="swiper-button-prev swiper-button-prev2"></div>
                <div class="swiper-button-next swiper-button-next2"></div>
            </div>
        </div>
    </div>
    <div class="floor index_news">
        <div class="container">
            <div class="news">
                <div class="head">
                    <img src="__IMG__/com-title8.png">
                </div>
                <div class="list-box">
                    <Article:list name="article" category="137" child="true" row="4">
                        <a class="list" href="{:U('Article/detail',array('id'=>$article['id'],'category'=>news))}">
                            <div class="data">
                                <p class="p1">{$article.create_time|date='d',###}</p>
                                <p class="p2">{$article.create_time|date='Y-m',###}</p>
                            </div>
                            <div class="right">
                                <div class="title">{$article.title}</div>
                                <div class="txt">
                                    {$article.description}
                                </div>
                            </div>
                        </a>
                    </Article:list>
                </div>
                <a class="big-more" href="/index.php?s=/Home/Article/lists/category/news.html">查看更多</a>
            </div>
            <div class="info">
                <div class="head">
                    <img src="__IMG__/com-title9.png">
                </div>
                <div class="swiper-container swiper-container5">
                    <div class="swiper-wrapper">
                        <Article:list name="article" category="138" child="true" row="2">
                            <a href="{:U('Article/detail',array('id'=>$article['id'],'category'=>hang))}" class="swiper-slide">
                                <img src="{$article.cover_id|get_cover='path'}">
                                <div class="downbox">
                                    <div class="cont">
                                        <div class="title">
                                            {$article.title}
                                        </div>
                                        <div class="h"></div>
                                        <div class="txt-box">
                                            {$article.description}
                                        </div>
                                    </div>
                                </div>
                            </a>
                        </Article:list>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination swiper-pagination5"></div>
                    <div class="swiper-button-prev swiper-button-prev1"><</div>
                    <div class="swiper-button-next swiper-button-next1">></div>
                </div>
                <a class="big-more" href="/index.php?s=/Home/Article/lists/category/hang.html">查看更多</a>
            </div>
        </div>
    </div>
    <div class="floor index_contact">
        <div class="container">
            <div class="left">
                <img class="com-title-img" src="__IMG__/com-title10.png">
                <img class="img" src="__IMG__/dd.png">
            </div>
            <div class="right">
                <div class="cont">
                    <form id="myForm" action="{:U('Article/message')}" method="post" accept-charset="utf-8">
                        <div class="item">
                            <input type="text" name="name" placeholder="联系人">
                            <input type="text" name="tel" maxlength="11" placeholder="联系电话">
                        </div>
                        <div class="item">
                            <input type="text" name="qq" placeholder="QQ">
                            <input type="text" name="wx" placeholder="微信号">
                        </div>
                        <div class="item">
                            <textarea name="nr" placeholder="留言内容"></textarea>
                        </div>
                        <div class="item">
                            <input class="sub" type="submit" name="submit" value="提交">
                            <input class="reset" type="button" onclick="formReset()" value="重填">
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</block>
<block name="footer_js">
    <script src="__STATIC__/jquery-1.10.1.min.js"></script>
    <script type="text/javascript">
        // var jsname = 'util';

        require(['util'],function(de){
            de.index_banner();
            de.com_left_nav();
            de.com_footer();
        })
        $('.down .container a').eq(0).addClass('a-act');
    </script>
    <script type="text/javascript">
        $('.index_get .container .box .list').mouseover(function () {
//            var a = $(this).index();
            var aa = $(this).attr('title');

            $('.index_get .container .box .right .right-box').removeClass('right-box-act');
            var parentsDiv = $('.index_get .container .box .right');
            $('.index_get .container .box .right .'+ aa).addClass('right-box-act');
            $('.index_get .container .box .right .'+ aa).prependTo(parentsDiv);
//            $('.index_get .container .box .right .right-box').eq(a).addClass('right-box-act')
        })
        function formReset()
        {
            document.getElementById("myForm").reset()
        }
        let data_ss = [];
        $('.down .swiper-wrapper .swiper-slide').click(function () {
            var id = $(this).attr("data");
            console.log(id);

            $.ajax({
                type: "post",
                url: "{:U('Article/ajax')}",
                data:{ca_id:id},
                async:true,
                success:function(doc){
//                    data_ss = doc;
//                    console.log(data_ss);
//                    $('#case_list').html(template('list',{data:doc.data}));
                    console.log(doc)
                    var select_info = document.getElementById("select_info");
                    select_info.innerHTML = "<div class=\"img\">\n                    <img src=\"" + doc.path + "\">\n                </div>\n                <div class=\"right\">\n                    <div class=\"cont\">\n                        <div class=\"head\">\n                            " + doc.title + " <span>" + doc.description + "</span>\n                        </div>\n                        <div class=\"txt-box\">\n                            " + doc.content + "\n                        </div>\n                        <a href=\"/index.php?s=/Home/Article/lists/category/team.html\" class=\"more\">\u4E86\u89E3\u8BE6\u60C5</a>\n                    </div>\n                </div>";


                },
            });
            let info = document.createElement('div');
        });
        $('.com-left-nav .item .bod #shebei ').click(function () {
            $('.com-left-nav .item .bod #shebei ').removeClass('a-act');
            $(this).addClass('a-act');
            var id = $(this).attr("data");
            console.log(id);
            $.ajax({
                type: "post",
                url: "{:U('Article/product')}",
                data:{cate:id},
                async:true,
//                dataType:'json',
                success:function(doc){
                    $('#product').html(doc);
                    console.log(doc);
                },

            })
//            let infos = document.createElement('div');
        })
        $('.com-left-nav .item .bod #jiutan ').click(function () {
            $('.com-left-nav .item .bod #jiutan ').removeClass('a-act');
            $(this).addClass('a-act');
            var id = $(this).attr("data");
            console.log(id);
            $.ajax({
                type: "post",
                url: "{:U('Index/api')}",
                data:{cate:id},
                async:true,
//                dataType:'json',
                success:function(data){
                    $('#product').html(data);
                    console.log(data);
                },

            })
//            let infos = document.createElement('div');
        })
        $('.com-left-nav .item .bod #box ').click(function () {
            $('.com-left-nav .item .bod #box ').removeClass('a-act');
            $(this).addClass('a-act');
            var id = $(this).attr("data");
            console.log(id);
            $.ajax({
                type: "post",
                url: "{:U('Index/box')}",
                data:{cate:id},
                async:true,
//                dataType:'json',
                success:function(data){
                    $('#product').html(data);
                    console.log(data);
                },

            })
//            let infos = document.createElement('div');
        })
    </script>

</block>